<!DOCTYPE html>
<html lang="en">
    <head>
       <meta charset="UTF-8">
        <title>竞价需求</title>
        <link rel="stylesheet" type="text/css" href="../page/jingjiaxuqiu/index.css">
        <link rel="stylesheet" type="text/css" href="../page/common/layout.css">
        <link rel="stylesheet" type="text/css" href="../util/page/paging.css">
        <script type="text/javascript" src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="../util/dot.js"></script>
        <script type="text/javascript" src="../util/font/iconfont.js"></script>  
        <script type="text/javascript" src="../util/page/paging.js"></script>
        <script type="text/javascript" src="../page/jingjiaxuqiu/index.js"></script>

    </head>
    <body>
         <header>
            
        </header>
        
        <div class="w">
            <div class="crumb">
                <div class="crumb-con">
                    <a class="link" href="./index.html">首页</a>
                    <span>></span>
                    <span class="link-text">竞价需求</span>
                </div>
                <div class="nav-search">
                    <input type="text" name="">
                    <span class="nav-search-btn">
                        <svg class="search-icon icon" aria-hidden="true">
                                   <use xlink:href="#icon-sousuo2"></use>
                        </svg>
                    </span>
                </div>
            </div>
        </div>
        
        <div class="w">
            <div class="jingjiaxuqiu-content">
                <div class="list-nav">
                     <ul class="navlis">
                                
                      </ul>
                </div>
            <!-- list 容器 -->
                <div class="jingjiaxuqiu-lis">
                     <div class="jingjiaxuqiu-lis-nav">
                         <p class="list-nav-left">
                             <span class="sort-item changered">综合</span>
                             <span class="sort-item">需求时间
                                <svg class="sort-icon icon" aria-hidden="true">
                                   <use xlink:href="#icon-xiangshang"></use>
                                </svg>
                             </span>
                             <span class="sort-item">价格
                                <svg class="sort-icon icon" aria-hidden="true">
                                   <use xlink:href="#icon-xiangshang"></use>
                                </svg>
                             </span>
                             <span class="sort-item">买家等级
                                <svg class="sort-icon icon" aria-hidden="true">
                                   <use xlink:href="#icon-xiangshang"></use>
                                </svg>
                             </span>
                             <span class="sort-item">附近
                                <svg class="sort-icon icon" aria-hidden="true">
                                   <use xlink:href="#icon-xiangshang"></use>
                                </svg>
                             </span>
                         </p>
                         <p class="list-nav-right">
                             <a href="#">需求置顶</a>
                             <span>,提高曝光率 !</span>
                         </p>
                     </div>
                     <ul class="p-list-con">
              
                     </ul>
                <!-- 分页容器 -->
                     <div id="page" class="page_div"></div>
                </div>

            <!-- 分页容器 -->
               
            </div>
        </div>
        <footer>
            
        </footer>
       
    </body>
<!-- 导航列表 -->
    <script type="text/template" charset="utf-8" id="nav">
      {{for(var i=0; i<it.length; i++){ }}
             <li>
                          <span class="list-nav-name">{{=it[i].bigtitle}}</span>
                          <span class="colorred">全部</span>
                              {{for(var j=0; j<it[i]['case'].length; j++){ }}
                                    <button type="button" value="{{=it[i]['case'][j].case}}">{{=it[i]['case'][j].case}}</button>
                              {{ } }}                 
             </li>
      {{ } }}   
</script>
<!-- 需求列表 -->
    <script type="text/template" charset="utf-8" id="xuqiulist">
      {{for(var i=0; i<it.length; i++){ }}
                 <li class="list-con-lis">
                        <a href="#">
                              <p class="xuqiu-lis-top">
                                  <svg class="lis-icon icon" aria-hidden="true">
                                      <use xlink:href="#icon-ding"></use>
                                  </svg>
                                  <span class="lis-top-price">￥6600.00</span>
                                  <svg class="lis-icon icon" aria-hidden="true">
                                      <use xlink:href="#icon-VIP"></use>
                                  </svg>
                                  <span class="lis-top-title">PC客户端开发,语音儿童故事类
                                    <i class="top-title-unit">众包</i>
                                  </span>
                                  <span class="lis-top-label">
                                      <svg class="icon" aria-hidden="true">
                                          <use xlink:href="#icon-shield"></use>
                                      </svg>
                                  </span>
                                  <span class="lis-top-join">
                                      <i class="lis-top-joinnum">20</i>
                                      <i class="lis-top-unit">参与 | 招标</i>
                                  </span>
                                  <span class="lis-top-time">
                                      <i>20</i>
                                      天 后截止
                                  </span>
                              </p>
                              <p class="xuqiu-lis-down">
                                 <span class="lis-down-title">儿童语音讲故事PC客户端开发,语音儿童故事类的如果感觉能做,具体的我们宰向坦,后续我们...</span>
                                 <span class="lis-down-result">
                                     仅剩<i>5</i>个投标机会
                                 </span> 
                              </p>
                </a>
           </li>
      {{ } }}
 
 </script>
</html>